<template>
   <div>
       <!-- 3、以标签格式进行调用---调用（可以闭合单标签、或者标签对） -->
       <HomeHeader v-bind:city="city"/>
       <PublicApp></PublicApp>
       <HomeClassify />
       <HomeList></HomeList>
       <PublicFooter></PublicFooter>
   </div>
</template>
   
<script>
    // 1、在页面根组件引入首页导航---引入
    import HomeHeader from './HomeHeader.vue'
    import PublicApp from '../../components/PublicApp'
    import HomeClassify from './HomeClassify'
    import HomeList from './HomeList'
    import PublicFooter from '../../components/PublicFooter'
   export default {
       data () {
           return {
               city:'西安'
           }
       },
        //2、在components组件属性里进行注册定义---注册定义
       components: {
           /*HomeHeader:HomeHeader  ES6--规定键值对一致时可以只写一个*/
           HomeHeader,PublicApp,HomeClassify,HomeList,PublicFooter
       },
    //    created () {
    //        /*1、发送请求，与后台交互，语法this.$axios.get('后台接口路径')*/
    //        this.$axios.get('https://www.easy-mock.com/mock/5f190b824200bc751f3d8b68/xian/home')
    //             /*2、成功交互完毕，获取到数据result*/
    //             .then((result)=>{
    //                 this.city = result.data.data.city
    //             })
    //             /*3、交互失败，打印错误error*/
    //             .catch((error)=>{
    //                 console.log('错误是：'+error)
    //             })
    //    }
   }
</script>
   
<style scoped>
   
</style>